<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				background-position: center;
				background-image: url(https://a.vpimg4.com/upload/flow/2020/10/29/161/16039567021140.jpg);
			}
			
			.content{
				width: 400px;
				height: 500px;
				border: 3px solid rosybrown;
				float: right;
				margin-right: 50px;
				margin-top: 50px;
				
			}
			.content p{
				width: 340px;
				height: 40px;
				margin: 10px;
				border: 1px solid #333;
				border-radius: 5px;
				font-size: 18px;
				color: #333;
				line-height: 40px;
			}
			.content p .shuru{
				width: 258px;
			    height: 30px;
			    float: right;
			    margin-top: 3px;
			    border: none;
			    outline: none;
			    background-color: #FFD5D9;
			}
			.content .regist{
				display: block;
				margin: 30px auto;
				width: 200px;
				height: 60px;
				background-color: burlywood;
			}
		</style>
	</head>
	<body>
		<div class="content">
			
			<form action="1.html" method="get">
				<p>
					用户:<input class="shuru" type="text" name="" required="required" placeholder="请输入用户名" value="" />
				</p>
				
				<p>
					邮箱：
					<input class="shuru"  type="email" placeholder="请输入邮箱" required="required" />
				</p>
				<p>
					密码：
					 <input class="shuru"  type="password" placeholder="请输入密码" required="required" />
				</p>
				<p>
					确认密码:
					<input class="shuru"  type="password" placeholder="请确认密码" required="required" />
				</p>
				<input class="regist" type="submit" value="注册"/>
			</form>
			
		</div>
	</body>
</html>
